/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14.10.2014, 10:23:27
    Author     : Teemu Sainia
*/
body{
    margin: 0;
    background-color: #01a0d7;
    z-index: -50;
}
.white-bg{
    background-color: snow;  
}
.hmenu{
    position: relative;
    margin-top: 20px;
    font-size: 1em;
}
.navbar-fixed-top {
  top: 10px;
  border-width: 0 0 1px;
}
.navbar-toggle {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-custom {
    opacity: 0.8;
    background: snow;
    border-radius:0;
}
.navbar-custom .navbar-nav > li > a {
    color:#fff;
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: snow;
    background-color: snow;
}
.navbar-custom .navbar-brand {
    color: #eeeeee;
}
.navbar-custom .navbar-toggle {
  border-color: #333;
  background-color: #01a0d7;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #fff;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: block;
  }
}
.col-menu{
    border-bottom: 5px solid black;
    alignment-baseline: central;
    position: relative;
    width: 100%;
    height: 14.8%;
    min-height: 40px;
    background-color: snow;
}
.col-menu-inner{
    float: left;
    position: relative;
    width: 50%;
    min-height: 30px;
    height: 100%;
}

.row-offcanvas {
  z-index: 1000;
  position: relative;

-webkit-transition: all .25s ease-out;
     -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
}

.row-offcanvas-right {
  right: 0;
}

.row-offcanvas-left {
  left: -50%;
}

.row-offcanvas-left
.sidebar-offcanvas {
  left: -50%; 
}

.row-offcanvas-left.active {
  left: 0; 
}

.sidebar-offcanvas {
    position: fixed;
    top: 0;
    width: 50%; 
    max-width: 500px;
    height: 100%;
    margin-top: 60px;
}

.img-sidebar{
    position: relative;
    margin-left: 10px;
    max-height: 95%;
    min-height: 20px;
    min-width: 20px;
}
.img-page{
    margin: 20px;
    max-width: 85%;
}
.race-menu-toggle {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.race-menu{
    border: 5px solid black;
    alignment-baseline: central;
    position: relative;
    width: 100%;
    max-height: 20%;
    background-color: snow;
}
.race-menu-inner{
    alignment-baseline: central;
    border: solid black;
    border-width: 3px;
    background-color: snow;
    width: 100%;
    height: 30%;
}



